<html lang="en">
<head>
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" th:href="@{/css/bootstrap-5.3.0-alpha1-dist/css/bootstrap.min.css}">
    <script th:src="@{/js/jquery-3.5.1.js}"></script>
    <script th:src="@{/js/bootstrap4.1.3.main.js}"></script>
    <script th:src="@{/js/bootstrap.bundle.js}"></script>

    <link th:href="@{/css/Information.css}" rel="stylesheet">

</head>
<body>
<form action="" method="post">
    <div class="container">
        <table th:object="${Result?.data}">
            <tbody>
            <tr>
                <td>账号:</td>
                <td><input id="tel"  readonly="readonly" type="text" th:value="*{tel}"></td>
            </tr>
            <tr>
                <td>姓名:</td>
                <td><input class="changeable"  id="username" readonly="readonly" type="text" placeholder="" th:value="*{name}" required>
                </td>
            </tr>
            <tr>
                <td>密码:</td>
                <td><input class="changeable"  id="upwd" placeholder="必填项" readonly="readonly" type="password" required></td>
            </tr>
            <tr>
                <td>新密码:</td>
                <td> <input  class="changeable" type="password" id="newpwd"  readonly="readonly"   placeholder="非必填项">
                </td>
            </tr>
            <tr>
                <td>确认密码:</td>
                <td><input  class="changeable" type="password" id="rnewpwd" readonly="readonly" placeholder="重复新密码"  >
                </td>
            </tr>
            <tr>
                <td>
                    <button id="btn01" type="button">修改</button>
                </td>
                <td>
                    <button id="btn02" type="button">保存</button>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
</form>
<script type="text/javascript" th:src="@{/js/Information.js}"></script>
</body>
</html>